<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="include/style.css"/>
    <link rel="stylesheet" type="text/css" href="themes/greyhound.css"/>
    <script>
      var slide_scale = 0.8;
    </script>
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <!--<script src="include/jquery-1.7.2.min.js"></script>-->
    <script src="include/script.js"></script>
  </head>
  <body>
    <section id="slides">
      <article>
        <h1>Using Slimy</h1>
	<h3>A tutorial on how to build slideshows with slimy</h3>
        <p>
          Yusuke Tsutsumi
          <br>
	  4/4/2012
        </p>
	<p>
	  <br/>
	  Press the right arrow,l,or click the next slide button (invisible until you hover over it) to move to the next slide, or press m for a list of commands.
	</p>
      </article>
      <article>
	<h3>What is slimy?</h3>
        <p>
	  Slime is an html 5 slideshow template. The slideshow is opened in-browser, and utilizes html5, javascript, and css.
        </p>
	<a href="#6">Go to slide 6</a>
      </article>
      <article>
        <h3>Why use slimy?</h3>
        <ul>
	  <li>Designed for simplicity: minimal features, and utilize existing html5/css technologies as much as possible</li>
	  <li>Minimal external dependencies: base is just JQuery, a style.css file, and a script.js file.</li>
        </ul>
     </article>
     <article>
       <h3>Controls</h3>
       <ul>
	 <li>left arrow/h : previous slide</li>
	 <li>right arrow/l : next slide</li>
	 <li>m: menu key</li>
	 <li>+/-: increase or decrease the size of the slide relative to the window</li>
	 <li>p: preview slides</li>
       </ul>
     </article>
     <article>
       <h3>Themes?</h3>
       <p>Themes can be included and contributed to themes. To use one, just include the css file!</p>
       <pre>
&lt;link rel="stylsheet" type="text/css" href="themes/YOUR_THEME.css"/&gt;
       </pre>
       <p>In this example, the default style, greyhound, is being used.</p>
     </article>
     <article>
        <h1>Thank You!</h1>
     </article>
    </section>
  </body>
</html>
